<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        h1{
            /* 字体大小 ---继承性
               font-size 
               单位  px:像素  em  rem  %(100%--16px) 

               font-size:0; 0可以省略单位，生效
               设置的值如果小于12px,将不生效，0除外
               谷歌浏览器，默认字体大小为16px
            */
            font-size:50px;
            /* 字体风格---继承性
               font-style
               normal:正常字体(取消斜体)
               italic:斜体
            */
            font-style:italic;
            /* font-weight ---继承性
               是否加粗 
               normal:正常字体(不加粗)  400-500
               bold:加粗 600-900
               细体:100-300
            */
            font-weight:100;
        }
        i{
            font-style:normal;
            font-weight: bold;
        }
        p{
            /* 首行文本缩进 text-indent
            2em--两个字体  也可以是px 
            只针对块级元素生效
            */
            text-indent: 2em;
        }
    </style>
</head>
<body>
    <h1>
        1111
        <span>222</span>
    </h1>
    <i>111</i>
    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Iste ipsa veniam temporibus enim quaerat a maiores dolor reprehenderit laudantium aspernatur, autem nemo ducimus veritatis fugiat! A, fuga fugiat. Pariatur, rerum.</p>
    <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Commodi iste illo, exercitationem hic, amet distinctio atque nihil eveniet aliquam cupiditate molestias eligendi molestiae dolores expedita iure praesentium iusto, doloribus dignissimos?</p>
</body>
</html>